import React, { Component } from 'react';
import VHChart from './VHChart';

class WeeklyDevIndexes extends Component {
    constructor(props) {
        super(props);

    }
    render() {
        return (
            <div className='weeklyDevIndexes' style={{display:'flex'}}>
                <VHChart 
                    title={'新增及修改代码人均数'}
                    color={['#80C9C5']}
                    chartType={'column'}
                    data={{
                        dimension:['2020-02-09','2020-02-10','2020-02-11','2020-02-12','2020-02-13','2020-02-14','2020-02-15'],
                        measure:[200,300,400,300,400,500,300]
                    }}
                />
                <VHChart 
                    title={'修改BUG人均数'}
                    color={['#C97EC1']}
                    chartType={'column'}
                    data={{
                        dimension:['2020-02-09','2020-02-10','2020-02-11','2020-02-12','2020-02-13','2020-02-14','2020-02-15'],
                        measure:[2,3,4,3,4,5,3]
                    }}
                />
                <VHChart 
                    title={'修改需求人均数'}
                    color={['#EA9885']}
                    chartType={'column'}
                    data={{
                        dimension:['2020-02-09','2020-02-10','2020-02-11','2020-02-12','2020-02-13','2020-02-14','2020-02-15'],
                        measure:[2,3,4,3,4,5,3]
                    }}
                />
                <VHChart 
                    title={'出勤比率'}
                    color={['#1890ff']}
                    chartType={'line'}
                    data={{
                        dimension:['2020-02-09','2020-02-10','2020-02-11','2020-02-12','2020-02-13','2020-02-14','2020-02-15'],
                        measure:[0.93,0.91,0.92,0.98,0.95,0.99,0.94]
                    }}
                    yAxisLabelFormatter={'%'}
                    searchDate={'2020-02-11'}
                />
            </div>
        );
    }
}

export default WeeklyDevIndexes;
